importScripts(
  "https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js"
);

if (workbox) {
  console.log(`Workbox is loaded`);
  workbox.loadModule("workbox-strategies");
  workbox.precaching.suppressWarnings();
  workbox.core.setCacheNameDetails({
    prefix: "browse-exp",
    suffix: "v1.0.6"
  });

  // 让我们的service worker尽快的得到更新和获取页面的控制权
  workbox.skipWaiting();
  workbox.clientsClaim();
  workbox.precaching.precacheAndRoute(
    (self.__precacheManifest = [].concat(self.__precacheManifest || []))
  );
  // 对我们请求的数据进行缓存，这里采用 networkFirst 策略
  workbox.routing.registerRoute(
    /.*\.js/,
    workbox.strategies.networkFirst(),
    "GET"
  );
} else {
  console.log(`Workbox didn't load`);
}

// workbox.routing.registerRoute(
//     new RegExp('\\.css$'),
//     workbox.strategies.cacheFirst()
// );

// // 设置相应缓存的名字的前缀和后缀
// workbox.core.setCacheNameDetails({
//   prefix: 'browse-exp',
//   suffix: 'v1.0.0'
// });
// // 让我们的service worker尽快的得到更新和获取页面的控制权
// workbox.skipWaiting();
// workbox.clientsClaim();

// /*
//  * vue-cli3.0通过workbox-webpack-plagin 来实现相关功能，我们需要加入
//  * 以下语句来获取预缓存列表和预缓存他们，也就是打包项目后生产的html，js，css等* 静态文件
//  */
// workbox.precaching.precacheAndRoute(self.__precacheManifest || []);
